@extends('common.base-master')

@section('html-head')
    <link href="{{url('css/finance.css')}}" type="text/css" rel="stylesheet"/>
    <link href="{{url('css/bootstrap.min.css')}}" type="text/css" rel="stylesheet"/>
    <script src="{{url('js/finance.js')}}"></script>
    <script src="{{url('js/utile.js')}}"></script>
    <script src="{{url('js/lib/bootstrap.min.js')}}"></script>
@endsection
@section('html-body')
<main>
	<div id="con_top">
	    <div class="con_slide">
	        <ul class="nav nav-pills">
	            <li role="presentation"><a href=" " class="act">融资首页</a></li>
	            <li role="presentation"><a href=" ">创业项目</a></li>
	            <li role="presentation"><a href="">投资机构</a></li>
	            <li role="presentation"><a href="">投资人</a></li>
	            <li role="presentation"><a href="">创业者</a></li>
	        </ul>
	    </div>
	</div>
	<div id="content">
		<section id="userRow">
		    <ul>
		        <li class="user_txt">
		            <dl>
		                <dt><a href="#"><img src="{{url('images/userBasic.png')}}" alt=""></a></dt>
		                <dd>
		                    <b>唠唠</b><em>天使轮</em><time>2015-02-00</time>
		                    <p class="desc">唠唠是一个中老年人社交APP,通过创立同一个产品两个端品</p>
                            <p><span class="txt_left">融资：<strong>￥20万</strong></span><span class="txt_right">出让股份：<strong>2%</strong></span></p>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                                    60%
                                </div>
                            </div>
                            <p><span class="txt_left">当前融资：<strong>￥0万</strong></span></p>
		                </dd>
		            </dl>
		        </li>
		        <li class="user_detail">
                    <h5>靠谱程度：<em><img src="{{url('images/icon/star/starts0.png')}}" alt=""></em></h5>
                    <h5>预估回报率：<em>0倍</em></h5>
                    <h5>项目质询电话：<em>18520795512</em></h5>
		            <p class="user_btn">
		            	<a href="###" class="identity">领投</a>
		            	<a href="###" class="vote">跟投</a>
		            	<span class="focus_project"><a href="javascript:Focus(0, 41)" class="focus">关注</a></span>
		            </p>
		        </li>
		    </ul>
		</section>
		<div id="wrap">
			<nav class="navbar navbar-inverse">
			    <div class="container">
			        <div class="navbar-header">
			            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
			                <span class="sr-only">这是按钮</span>
			                <span class="icon-bar"></span>
			                <span class="icon-bar"></span>
			                <span class="icon-bar"></span>
			            </button>
			            <a class="navbar-brand" href="###">项目总览</a>
			        </div>
			        <div id="navbar" class="collapse navbar-collapse">
			            <ul class="nav navbar-nav">
			                <li><a href="###" class="link1 active">项目总览</a></li>
			                <li><a href="###" class="link2">团队介绍</a></li>
			                <li><a href="###" class="link3">商业计划书</a></li>
                            <li><p></p></li>
			            </ul>
			        </div>
			    </div>
			</nav>
            <div class="contain">
<!------------------------------------------------------------------------------------------>
            	<div class="content" id="overview"><!--切换内容：项目总览-->
                	<div class="contain_left">
                    <!--此处是正文位置-->
	                    <article>
	                        <p class="proPic">
	                            <img src="{{url('images/u92.png')}}">	                        </p>
	                        <div class="proInfo">
	                            <h4><p></p><em>项目信息</em></h4>
	                            <p>公司名称： <em>test①号项目</em></p>
	                            <p>公司官网： <a href="test①号项目">test①号项目</a></p>
	                            <p>行业领域：<em>在线教育</em></p>
	                            <p>IOS：<em>http://www.baidu.com</em></p>
	                            <p>Android：<em>http://www.baidu.com</em></p>
	                            <p>创立时间：<em>2015-02-00</em></p>
	                            <p>所在地区：<em>北京 北京</em></p>
	                            <p>项目状态：<em>运营中</em></p>
	                            <p>项目阶段：<em>初创期</em></p>
	                        </div>
	                        <div>
	                            <h4><p></p><em>项目介绍</em></h4>
	                            <p>
	                                调调科技是一家专注于智能照明解决方案的物联网创业公司，产品包括MYQUBIC系列射灯、轨道射灯、筒灯、灯带、灯泡、烛泡等一些列硬件产品，以及 iOS 与 Android 平台上的控制软件。调调科技是一家专注于智能照明解决方案的物联网创业公司，产品包括MYQUBIC系列射灯、轨道射灯、筒灯、灯带、灯泡、烛泡等一些列硬件产品，以及 iOS 与 Android 平台上的控制软件。	                            </p>
	                        </div>
	                        <div>
	                            <h4><p></p><em>项目亮点</em></h4>
	                            <p>
	                                调调科技是一家专注于智能照明解决方案的物联网创业公司，产品包括MYQUBIC系列射灯、轨道射灯、筒灯、灯带、灯泡、烛泡等一些列硬件产品，以及 iOS 与 Android 平台上的控制软件。调调科技是一家专注于智能照明解决方案的物联网创业公司，产品包括MYQUBIC系列射灯、轨道射灯、筒灯、灯带、灯泡、烛泡等一些列硬件产品，以及 iOS 与 Android 平台上的控制软件。	                            </p>
	                        </div>
	                        <div>
	                            <h4><p></p><em>就业前景</em></h4>
	                            <p>
	                                调调科技是一家专注于智能照明解决方案的物联网创业公司，产品包括MYQUBIC系列射灯、轨道射灯、筒灯、灯带、灯泡、烛泡等一些列硬件产品，以及 iOS 与 Android 平台上的控制软件。调调科技是一家专注于智能照明解决方案的物联网创业公司，产品包括MYQUBIC系列射灯、轨道射灯、筒灯、灯带、灯泡、烛泡等一些列硬件产品，以及 iOS 与 Android 平台上的控制软件。
									</p>
	                        </div>
	                    </article>
                	</div>
                </div>
                <div class="content" id="introduce"><!--切换内容：团队介绍-->
                    <div class="contain_left">
                        <!--此处是正文位置-->
                        <div class="tWrap">
                            <!-- 创始人 -->
                              <div class="ceo">
		                            <h4>创始人</h4>
		                            		                            <dl>
		                                <dt><a href="#"><img src="{{url('/upload/img_user/ad7747e3cc4813efe9fa3c75813cc3ba.png')}}"></a></dt>
		                                <dd>
		                                    <p><i>黄文</i><br>职位： <em class="title"></em></p>
		                                    <p>3年 APP 软件公司副总裁、5年 业务流程项目管理顾问、20 年 投资领域经验</p>
		                                </dd>
		                            </dl>
		                            		                        </div>
		                        <!-- 创始管理团队 -->
		                        <div class="teamList">
		                            <h4>创始管理团队</h4>
		                            <article>
		                            				                            		<dl>
			                                <dt><a href="#"><img src="{{url('/upload/img_user/cb59567d9d50f003478985c918ff6dd1.png')}}"></a></dt>
			                                <dd>
			                                    <p><i>练睿超</i><br>职位： <em class="title"></em></p>
			                                    <p>5年 律师专业经验、3年 INTEL区域总监、5年 百度华南大客户总监经验</p>
			                                </dd>
		                            		</dl>
		                            			                            		<dl>
			                                <dt><a href="#"><img src="{{url('/upload/img_user/74f9411d0dc7d066c450676adab6ee7b.png')}}"></a></dt>
			                                <dd>
			                                    <p><i>周伟德</i><br>职位： <em class="title"></em></p>
			                                    <p>5年 华为国际 COO、20年 团队管理经验</p>
			                                </dd>
		                            		</dl>
		                            			                            </article>
		                        </div>
                        
                            <div class="termAdvan">
                                <!--<h4>团队优势</h4>
                                <article>
                                    <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
                                    <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
                                    <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
                                    <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
                                </article>-->
                            </div>
                        </div>
                    </div>
                </div>
            	<div class="content" id="plan"><!--切换内容：商业计划书-->
                    <div class="contain_left">
                        <!--此处是正文位置-->
                        <div>
                            <h4>商业计划书在线预览</h4>
                            <article></article>
                        </div>
                    </div>
                </div>
<!------------------------------------------------------------------------------------------>
                <div class="contain_right">
                    <!--此处是热门评论-->
                    <section class="right_title">
                        <p>投资人</p>
                    </section>
                    <section class="vote_right">
                        <p>领投人</p>
                        <ul>
                            <li class="com_pho">
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                            </li>
                            <li class="com">
                                <p class="com_name">张家杰</p>
                                <p>旁观者有限公司</p>
                                <p>IT顾问和经理</p>
                            </li>
                        </ul>
                    </section>
                    <section class="vote_right">
                        <p>领投人</p>
                        <ul>
                            <li>
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                                <p>张家杰</p>
                            </li>
                            <li>
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                                <p>张家杰</p>
                            </li>
                            <li>
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                                <p>张家杰</p>
                            </li>
                        </ul>
                    </section>
                    <section class="right_title">
                        <p>最近关注</p>
                    </section>
                    <section class="focus_right">
                        <ul>
                            <li>
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                                <p>张家杰</p>
                            </li>
                            <li>
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                                <p>张家杰</p>
                            </li>
                            <li>
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                                <p>张家杰</p>
                            </li>
                            <li>
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                                <p>张家杰</p>
                            </li>
                            <li>
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                                <p>张家杰</p>
                            </li>
                            <li>
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                                <p>张家杰</p>
                            </li>
                        </ul>
                    </section>
                    <section class="right_title">
                        <p>最近浏览</p>
                    </section>
                    <section class="focus_right">
                        <ul>
                            <li>
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                                <p>张家杰</p>
                            </li>
                            <li>
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                                <p>张家杰</p>
                            </li>
                            <li>
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                                <p>张家杰</p>
                            </li>
                            <li>
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                                <p>张家杰</p>
                            </li>
                            <li>
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                                <p>张家杰</p>
                            </li>
                            <li>
                                <a href="#"><img src="{{url('images/icon/h.jpg')}}" alt=""></a>
                                <p>张家杰</p>
                            </li>
                        </ul>
                    </section>
                </div>
            </div>
            
		</div>
	</div>
</main>
<footer></footer>

<div class="markVote"><!--领投弹框-->
    <div class="markbox">
        <div class="headbox">
            <p>我要领投</p>
            <a href="###"><img src="{{url('images/icon/close.png')}}" alt=""></a>
        </div>
        <div class="conbox">
            <p>最低投资金额：<em>50%</em></p>
            <p class="vote_remain">请输入数字</p>
            <form action="###" method="post">
                <p>10万 + <input type="text" class="in_money fin" pattern="^[0-9]*$" title="请输入数字" onblur=""> 万 = <input type="text" class="out_money fout" pattern="^[0-9]*$" title="请输入数字" value="10" disabled=""> 万 </p>
                <input class="take sub_finv" type="button" value="确定">
            </form>

        </div>
    </div>
</div>
<div class="markWith"><!--领投弹框-->
    <div class="markbox">
        <div class="headbox">
            <p>我要跟投</p>
            <a href="###"><img src="../../images/icon/close.png" alt=""></a>
        </div>
        <div class="conbox">
        	<form action="###" method="post">
            <p>最低投资金额：<em>1万</em></p>
            <p class="vote_remain">请输入数字</p>
            <p>1万 + <input type="text" class="in_money sin" pattern="^[0-9]*$" title="请输入数字"> 万 = <input type="text" class="out_money sout" pattern="^[0-9]*$" title="请输入数字" value="1" disabled=""> 万 </p>
            <input class="take sub_sinv" type="button" value="确定">
          </form>
        </div>
    </div>
</div>

<script>
$(".fin").keyup(function (){
	min_money = parseInt(10);
	
	m = $(".fin").val();

	if(isNaN(m))
	{	
		$(".fin").val('');
		$(".fout").val(min_money);
		return false;	
	}
		
	m=min_money+parseInt(m);
	$(".fout").val(m);
});	

$(".sin").keyup(function (){
	min_money = 1;
	m = $(".sin").val();

	if(isNaN(m))
	{	
		$(".sin").val('');
		$(".sout").val(min_money);
		return false;	
	}
		
	m=min_money+parseInt(m);
	$(".sout").val(m);
});	

$(".sub_finv").click(function (){
	m =$(".fout").val();
	SubInv(m, 1);
});

$(".sub_sinv").click(function (){
	m =$(".sout").val();
	SubInv(m, 0);	
});

function SubInv(m, is_first)
{
	if(m<=0) return;
	
	$.ajax({
				type: "POST",
			  url: "../../control/doaction.php",
				dataType: "text",
				data: { 
					action:"project",
					job:"will_inv",
					project_id:41,
					inv_stage:1,
					is_first:is_first,
					money:m
				},
				timeout: 1000,
				complete: function(){},
				success: function(data)
				{	//alert(data);
					obj = eval("("+data+")");
					if(obj.ret == -100) 
					{
						alert("还未登陆,请登录后再提交投资意向");
						return false;	
					}				
					location.reload();
				}
	});
}



</script>

@endsection